<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    <title>Admissions Recruitment Tool | University of Portland</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="usmap.js"></script>
    <script type="text/javascript" src="geocode.js"></script>
    <script type="text/javascript" src="information.js"></script>
    <script type="text/javascript" src="forms.js"></script>
    <script type="text/javascript" src="layers.js"></script>
    <script type="text/javascript" src="filter.js"></script>
    <script type="text/javascript" src="validate.js"></script>
    <script type="text/javascript" src="admissionsDomainModel.js"></script>
    <script type="text/javascript" src="utilities.js"></script>
    <script type="text/javascript" src="usCensusDomainModel.js"></script>
    <script type="text/javascript" src="summary.js"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/forms.css" rel="stylesheet" type="text/css">
  </head>
  
  <body>
    <div id="main">
      
      <!-- <div id="header"></div> -->
    	
      <div id="filter-area">
  	<form id="filters" action="javascript:cs441GoogleMapsViz.lookup(layerArray, geocoder);">
  	  <div id="student-filters">
	    <h2> Student Filters </h2>
	    <div id="student-filters-1">
	      
  	      <fieldset id="gender"> Gender:
		<label><input id="male" type="checkbox" checked>Male</label>
		<label><input id="female" type="checkbox" checked>Female</label>
	      </fieldset>
	      <fieldset id="year"> Entry Year:
                <label><input id="2011" type="checkbox" checked>2011</label>
                <label><input id="2012" type="checkbox" checked>2012</label>
              </fieldset>

	      <fieldset id="gpa"> GPA
		<input type="text" id="gpa-low" class="input-text" value="0.00" onfocus="handleFocus(this);" onblur="handleBlur(this);"> to
		<input type="text" id="gpa-high" class="input-text" value="4.00" onfocus="handleFocus(this);" onblur="handleBlur(this);">
	      </fieldset>
	      
	      <fieldset id="sat-math"> SAT Math
		<input id="sat-math-low" type="text" class="input-text" value="200" onfocus="handleFocus(this);" onblur="handleBlur(this);"> to 
		<input id="sat-math-high" type="text" class="input-text" value="800" onfocus="handleFocus(this);" onblur="handleBlur(this);">
	      </fieldset>
	      
	      <fieldset id="sat-reading"> SAT Reading
		<input id="sat-reading-low" type="text" class="input-text" value="200" onfocus="handleFocus(this);" onblur="handleBlur(this);"> to
		<input id="sat-reading-high" type="text" class="input-text" value="800" onfocus="handleFocus(this);" onblur="handleBlur(this);">
	      </fieldset>
	      
	      <a class="tooltip" href="javascript:void(0)" onclick="help_window = window.open('help.html','help','height=600, width=375'); help_window.moveTo(40,40);">HELP</a>
  	      
	    </div> <!-- end student-filters-1 -->
	    
	    
	    <!--<div id="student-filters-2">
	      <fieldset id="colleges">
	      	<select multiple id="majorOptions" name="majorOptions">
		  <option text="1337">All</option>
		</select>
	      </fieldset>
	    </div> <!-- end student-filters-2 -->

	    <div id="student-filters-2">
	      <div id="scrollHolder">
	      <fieldset id="colleges">
	      	<ol id="majorOptions" name="majorOptions">
		  <li id="all" text="1337">All</li>
		</ol>
	      </fieldset>
	      </div>
	    </div> <!-- end student-filters-2 -->
	    

	  </div> <!-- end student-filters -->
	  
	  
	  <div id="display-filters">
	    <h2> Display Filters </h2>
	    <div id="display-filters-1">
	      <fieldset id="display"> Display:
		<label><input type="radio" name="display" value="student" id="radio-student" checked>Student</label>
		<label><input type="radio" name="display" value="school" id="radio-school">High School</label>
	      </fieldset>
	      <fieldset id="limit"> Limit Data to:
		<label><input type="radio" name="limit" value="zip" id="radio-zip" checked>ZIP</label>
		<label><input type="radio" name="limit" value="state" id="radio-state">State</label>
	      </fieldset>
	      
		<label id='zipLabel'>Enter ZIP code(s): <input type="text" id='zipcode' value='97203' onfocus="handleFocus(this);" onblur="handleBlur(this);"></label>
		<label id='stateLabel'>Enter a state: <input type="text" id='state' value='Oregon' onfocus="handleFocus(this);" onblur="handleBlur(this);"></label>

	    </div> <!-- end display-filters-1 -->

	  </div> <!-- end display filters -->
	  
	  <div id="submit-buttons">
	    <h2> Submit </h2>
	    <fieldset id="buttons">
	      <button id="lookupButton" type="submit" value="Apply" class="button">Apply</button><br>
	      <button type="reset" value="Reset" id="reset" class="clear">Reset</button>
	    </fieldset>
	  </div> <!-- end submit-buttons -->
	</form>
      </div> <!-- end filter-area -->
      
      
      <div id="wrap"> <!-- the containing div for the map and summary panel -->
	<div id="bottom">
	  <div id="contig_us_map_canvas">
	    <!-- the map is placed here -->			
	  </div>
	</div>

	<div id="summary">
	  <div id="overall">
	    <h2>Summary</h2>
	    <p>Apply a filter to see summarized search results</p>
	  </div>
	  <hr>
	  <span id="dropDown" style="display: none">Sort By:
	    <select id="sortByDropDown">
	      <option value="upid-htl">UP ID: High to Low</option>
	      <option value="upid-lth">UP ID: Low to High</option>
	      <option value="gpa-htl">GPA: High to Low</option>
	      <option value="gpa-lth">GPA: Low to High</option>
	      <option value="satm-htl">SAT Math: High to Low</option>
	      <option value="satm-lth">SAT Math: Low to High</option>
	      <option value="satv-htl">SAT Verbal: High to Low</option>
	      <option value="satv-lth">SAT Verbal: Low to High</option>
	    </select>
	  </span>
	  <span id="dropDown2" style="display: none">Sort By:
	    <select id="sortByDropDown2">
	      <option value="a-z">A-Z</option>
	      <option value="z-a">Z-A</option>
	    </select>
	  </span>
	  <div id="innerSummary">
	    <p>Apply a filter to see students listed</p>
	  </div>
	</div>
      
	
      </div> <!-- end wrap -->
      
      
      <div id="footer">
	<div class="footerLeft">Developed by Mr. Co, Mr. Gadbois, Mr. Liedtke, Ms. Weimar-East.</div>
	<div class="footerRight">&copy; 2012 University of Portland, All Rights Reserved</div>
      </div>

    </div> <!-- end main -->


  </body>
</html>
